/**
 * ZHX CTC ALARM SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.11.07
 * 
 */
.zhx-alarm-grid{
	@include use-flex;
	@include flex-column;
	height:100%;
	font-size:.9em;

	ul,li{
		list-style: none;
		padding:0;margin:0;
	}

	.zhx-alarm-header,.zhx-alarm-body{
		ul{
			width:100%;height:100%;
			@include use-flex;
			overflow: hidden;

			&.redRow{ background-color : #ff5353; color : #fff; border-bottom: 1px solid #E53935; }
			&.yellowRow{ background-color : #ffe083; color : #795548; border-bottom : 1px solid #FFD180; }
			&.greenRow{ background-color : #26a59a; color : #fff; border-bottom : 1px solid #009688; }

			li{
				height:100%;
				@include use-flex;
				@include flex-align-center;
				flex:1;
				cursor: default;
			}

		}

	}

	.zhx-alarm-header{
		height:35px;
		background-color: darken( $lightBaseColor, 1% );
		font-weight:600;
	}

	.zhx-alarm-body{
		flex:1;
		overflow-y:auto;
		background-color: lighten( $lightBaseColor, 5% );
		ul {
			height:35px;
			// border-bottom: 1px solid $lightBaseColor;
		}
	}

}